#include("/admin/common/header.html")
#include("/admin/common/footer.html")
#include("/admin/common/left.html")
#include("/admin/common/layout.html")

#@layout()
 #define content()

<span class="layui-breadcrumb">
  <a href="/">首页</a>
  <a href="/admin/role"><cite>角色权限</cite></a>
</span>

<hr>


<form class="layui-form" action="#(ctx_path)/admin/role/set/action">
	<!-- 提示：如果你不想用form，你可以换成div等任何一个普通元素 -->

	<input type="hidden" name="id" value="#(vo.id)">

	<div class="layui-form-item">
		<div class="layui-input-block">
			<br/>#(vo.name)
		</div>
	</div>

	<div class="layui-form-item">
		<label class="layui-form-label"></label>
		<div class="layui-input-block">
			<div id="LAY-auth-tree-index"></div>
		</div>
	</div>

	<div class="layui-form-item">
		<div class="layui-input-block">
			<button class="layui-btn" lay-submit lay-filter="detailForm">保存</button>
		</div>
	</div>
	<!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->


</form>


#end

#define js()

<script>
	layui.use(['jquery','authtree', 'form'], function() {
		var form = layui.form;
		var $ = layui.$;
		var layer = layui.layer;
		var authtree = layui.authtree;
		
		$.ajax({
			type:'get',
			url: '#(ctx_path)/admin/role/set/init',
			data:'id=#(vo.id)',
			success: function(data){
				// 渲染时传入渲染目标ID，树形结构数据（具体结构看样例，checked表示默认选中），以及input表单的名字
				authtree.render('#LAY-auth-tree-index', data.data, {inputname: 'authids', layfilter: 'detailForm', openall: true});

				// // 监听自定义lay-filter选中状态，PS:layui现在不支持多次监听，所以扩展里边只能改变触发逻辑，然后引起了事件冒泡延迟的BUG，要是谁有好的建议可以反馈我
				// form.on('checkbox(lay-check-auth)', function(data){
				// 	// 获取所有节点
				// 	var all = authtree.getAll('#LAY-auth-tree-index');
				// 	console.log('all', all);
				// 	// 获取所有已选中节点
				// 	var checked = authtree.getChecked('#LAY-auth-tree-index');
				// 	console.log('checked', checked);
				// 	// 获取所有未选中节点
				// 	var notchecked = authtree.getNotChecked('#LAY-auth-tree-index');
				// 	console.log('notchecked', notchecked);
				// 	// 注意这里：需要等待事件冒泡完成，不然获取叶子节点不准确。
				// 	setTimeout(function(){
				// 		// 获取选中的叶子节点
				// 		var leaf = authtree.getLeaf('#LAY-auth-tree-index');
				// 		console.log(leaf);
				// 	}, 100);
				// });
			}
		});

		

	});

</script>

#end


